<template>
    <div class="quill-editor">
      <QuillEditor v-model:content="content" contentType="html" theme="snow" />
    </div>
  </template>
  
  <script>
  import { ref } from 'vue';
  import { QuillEditor } from '@vueup/vue-quill';
  import '@vueup/vue-quill/dist/vue-quill.snow.css'; // 引入默认样式
  
  export default {
    components: {
      QuillEditor,
    },
    setup() {
      const content = ref('<p>初始内容</p>'); // 初始化内容
  
      return {
        content,
      };
    },
  };
  </script>
  
  <style scoped>
  .quill-editor {
    width: 100%;
    height: 400px; /* 根据需要调整高度 */
  }
  </style>